<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="/static/myhome/css/bootstrap.css" rel='stylesheet' type='text/css' />
<script src="/static/myhome/js/jquery.min.js"></script>
<script src="/static/myhome/js/bootstrap.min.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/static/myhome/jsjquery.min.js"></script>
<!-- Custom Theme files -->
<link href="/static/myhome/css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts---->
<link href='http://fonts.googleapis.com/css?family=Exo+2:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
</head>
<body>
{% include '../common/header.html' %}
    <div class="main">
		<div class="container">
		   <div class="banner">
			 <img src="/static/myhome/images/banner.jpg" class="img-responsive" alt=""/>
		   </div>
		   <div class="row content">
            {% include '../common/left-con.html' %}
		   	<div class="col-md-9">
		   	   <ul class="feature">
		   	   	 <h3><i class="arrow"> </i><span>今日特价</span></h3>
		   	   </ul>
		   	   <ul class="feature_grid">
                {% for i in offprice %}
				 <li class="grid2"><img src="{{i.pic_url}}" width="260" height="110" class="img-responsive" alt=""/>
				 	<p>{{i.title}}</p>
				 	<div class="price">价格:
					  <span class="actual">¥{{i.price}}</span>
					</div>
				    <div class="but1">
			          <a href="{% url 'article'%}?gid={{i.id}}">立即购买</a>
			        </div>
				 </li>
                {% endfor%}
				 <div class="clearfix"> </div>
		   	   </ul>
		   	    <ul class="feature">
		   	   	 <h3><i class="arrow"> </i><span>热销产品</span></h3>
		   	   </ul>
		   	   <div class="row content_bottom">
		   	    {% for i in hot %}
			   	   <div class="col-md-3">
			   	   	<div class="content_box"><a href="{% url 'article' %}?gid={{i.id}}">
			   	   	  	<div class="view view-fifth">
			   	   	     <img src="{{i.pic_url}}" style="width:190px;height:140px" class="img-responsive" alt=""/>
				   	   	 <div class="content_box-grid">
				   	   	  <p class="m_1">{{i.title}}</p>
				   	   	  <div class="price">价格:
						    <span class="actual">¥{{i.price}}</span>
						  </div>
						  <ul class="product_but">
						  	<li class="but3"><a href="{% url 'article'%}?gid={{i.id}}">购买</a></li>
						  	<li class="like"><span>120</span><i class="like1"> </i></li>
						  	<div class="clearfix"> </div>
						  </ul>
						   <div class="mask">
	                         <div class="info">Quick View</div>
			               </div>
			             </div>
				   	   	</div>
			   	   	   </a>
			   	   	  </div>
			   	   </div>
                {% endfor%}
			   </div>
		    </div>
		   </div>
		</div>
	</div>

{% include '../common/footer.html' %}
</body>
</html>

